<template>
	<div>
		<h1>直接$store.state.countNumber：{{$store.state.countNumber}}</h1>
		<h1>data中this.$store.state.countNumber接受:{{count}}</h1>
		<h1>computed中 this.$store.state.countNumber接受:{{countComputed}}</h1>
		<p></p>
		<input 
			type="text" 
			v-model.lazy='count' 
			@change='$store.commit("transValueFoo",count)'>
		<button @click='$store.commit("incrementF")'>👏</button>
		<button @click='$store.commit("decrementF")'>🙌</button>
	</div>
</template>

<script>
export default{
	data(){
		return{
			count:this.$store.state.countNumber
		}
	},
	computed:{
		countComputed(){
			return this.$store.state.countNumber
		}
	}	
}
</script>